<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Sample - Load BASIC by jquery.jsonengine.js</title>
<script type="text/javascript" src="../../../../jquery-1.5.js"></script>
<script type="text/javascript" src="../../jquery.values.js"></script>
<script type="text/javascript" src="../../jquery.jsonengine.core-1.4.js"></script>
<script type="text/javascript" src="../../jquery.jsonengine-1.4.js"></script>
<script type="text/javascript" src="../../jquery.jsonengine.ext-1.4.js"></script>
<style type="text/css">
body {
	background-color: #eee;
	font: 12px sans-serif;
}
label {
	font-weight: bold;
}
div {
	background-color: white;
}
</style>
</head>
<body>

<h1>Sample - Load BASIC by jquery.jsonengine-1.4.js <span style="font-size:0.7em;">03/21/2011</span></h1>

<h2>before render.</h2>

<input type="button" value="reload"/>
<div>
<span class="query">?sort=_createdAt.desc</span>
<span class="template">
	<table border="1">
		<caption>messages</caption>
		<thead>
			<tr>
				<th>messageBody_</th>
				<th>_docId</th>
				<th>_createdAt</th>
				<th>_updatedAt</th>
				<th>_displayName</th>
			</tr>
		</thead>
		<tbody class="partial">
			<tr>
				<td>{{messageBody_}}</td>
				<td>{{_docId}}</td>
				<td>{{_createdAt}}</td>
				<td>{{_updatedAt}}</td>
				<td>{{_displayName}}</td>
			</tr>
		</tbody>
	</table>
</span>
</div>

<h2>after rendered.</h2>

<input type="button" class="#_je_messages1" value="reload"/>
<div class="_je_messages">
<span class="query">?sort=_createdAt.desc</span>
<span class="template">
	<table border="1">
		<caption>messages</caption>
		<thead>
			<tr>
				<th>messageBody_</th>
				<th>_docId</th>
				<th>_createdAt</th>
				<th>_updatedAt</th>
				<th>_displayName</th>
			</tr>
		</thead>
		<tbody class="partial">
			<tr>
				<td>{{messageBody_}}</td>
				<td>{{_docId}}</td>
				<td>{{_createdAt}}</td>
				<td>{{_updatedAt}}</td>
				<td>{{_displayName}}</td>
			</tr>
		</tbody>
	</table>
</span>
</div>

</body>
</html>

